/* RESET */
#navbar-iframe {display:none;}
* {padding:0;margin:0;border:none;outline:none;}
*:focus {outline:none;}


/* GENERAL */
body {
  margin:0 auto;
  padding:0;
  font:small Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color:#584d40;
  line-height:130%;
  background-color:white;
}

h1,h2,h3,h4,h5,h6 {
  font-family:Arial,sans-serif;
  color:black;
  font-weight:normal;
}

h1 {font-size:44px;line-height:66px;}
h2 {font-size:36px;line-height:54px;}
h3 {font-size:28px;line-height:42px;}
h4 {font-size:24px;line-height:36px;}
h5 {font-size:18px;line-height:27px;}
h6 {font-size:16px;line-height:24px;}

a {color:#009;text-decoration:none;}
a:hover {color:#090;}
a img {border:0;}

blockquote,
q {quotes:none;}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content:'';
  content:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

table[border="1"] td,
table[border="1"] th {
  border:1px solid #555;
  padding:0.5em 1em;
}

/* WRAP */
#wrap {
  margin:0px auto;
}

/* NAVIGATION */
#nav {
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 15px;
    margin:20px auto 0px;
    float: left;
    border-bottom:1px solid rgb(204, 204, 204);
}

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  height:30px;
}

#nav ul li {
  margin:0;
  padding:0;
  float:left;
  text-transform:uppercase;
  position:relative;
}

#nav ul li a {
  display:block;
  padding:0px 12px;
  line-height:30px;
  height:30px;
  overflow:hidden;
}

#nav ul li a:hover,
#nav ul li:hover > a {
  color:#009;
}

#nav ul li ul {
  clear:both;
  width:170px;
  height:auto;
  margin:0;
  padding:0;
  top:100%;
  position:absolute;
  background-color:white;
  z-index:777;
  text-align:left;
  display:none;
  box-shadow:0px 1px 1px rgba(0,0,0,0.2);
}

#nav ul li:hover ul.hidden {
  display:block;
}

#nav li li {
  display:block;
  float:none;
}

#nav li li a {
  display:block;
}


/*  CONTENT */
#content {
  margin:0px auto 0px;
  text-align:left;
}


/* POSTS */
.date-header {
  position:absolute;
  top:0px;
  right:15px;
  line-height:30px;
  text-transform:uppercase;
}

.post {
  width:90%;
  padding-bottom:65px;
  margin:100px auto 0px;
}

.post .post-title {
  display:block;
  padding-bottom:20px;
  margin:20px 0 30px 0;
  text-align:center;
}

.post blockquote {
  border-left:4px solid #ccc;
  padding:0.7em 1.4em;
  margin:10px 2%;
}

.post pre {
  overflow:auto;
  background-color:#eee;
  color:black;
  border:1px dashed #ccc;
  word-wrap:normal !important;
  padding:1em 1.5em;
}

.post ol,
.post ul {margin:10px 20px;}

.post-footer {
  font-size:96%;
  margin-top:30px;
}


/* BLOG PAGER */
#blog-pager a.home-link {
  padding-left:12px;
  background-position:0px 4px !important;
}


/* COMMENTS */
#comments {
  margin:0px auto 0px;
  padding:15px 5%;
  font-size:12px;
  line-height:16px;
  display:none;
}

#comments h4 {
  font-size:18px;
  text-transform:uppercase;
}

.comments {
  clear:both;
}

.comments .comments-content {
  margin-bottom:16px;
}

.comments .comment .comment-actions a {
  padding-right:5px;
  padding-top:5px;
}

.comments .comment .comment-actions a:hover {
  text-decoration:underline;
}

.comments .comments-content .comment-thread ol {
  list-style-type:none;
  padding:0;
  text-align:left;
}

.comments .comments-content .inline-thread {
  padding:.5em 1em;
}

.comments .comments-content .comment-thread {
  margin:2px 0px 0px !important;
}

.comments .comments-content .comment-thread:empty {
  display:none;
}

.comments .comments-content .comment-replies {
  margin-left:70px;
  margin-top:1em;
  background-color:rgba(0,0,0,0.1);
  border:1px solid rgba(0,0,0,0.1);
}

.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;
}

.comments .comments-content .comment:first-child {
  padding-top:16px;
}

.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}

.comments .comments-content .comment-body {
  position:relative;
}

.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}

.comments .comments-content .icon.blog-author {
  width:18px;
  height:18px;
  display:inline-block;
  margin:0 0 -4px 6px;
  background-repeat:no-repeat;
  background-image:url();
}

.comments .comments-content .datetime {
  margin-left:6px;
}

.comments .comments-content .comment-header,.comments .comments-content .comment-content {
  margin:0 0 8px;
}

.comments .comments-content .comment-content {
  text-align:justify;
}

.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}

.comments .comments-replybox {
  border:none;
  height:250px;
  width:100%;
}

.comments .comment-replybox-single {
  margin-left:48px;
  margin-top:5px;
}

.comments .comment-replybox-thread {
  margin-top:5px;
}

.comments .comments-content .loadmore a {
  display:block;
  padding:10px 16px;
  text-align:center;
}

.comments .thread-toggle {
  cursor:pointer;
  display:inline-block;
}

.comments .continue {
  cursor:pointer;
}

.comments .continue a {
  display:block;
  font-weight:bold;
  padding:.5em;
}

.comments .comments-content .loadmore {
  cursor:pointer;
  margin-top:3em;
  max-height:3em;
}

.comments .comments-content .loadmore.loaded {
  max-height:0;
  opacity:0;
  overflow:hidden;
}

.comments .thread-chrome.thread-collapsed {
  display:none;
}

.comments .thread-toggle {
  display:inline-block;
}

.comments .thread-toggle .thread-arrow {
  display:inline-block;
  height:7px;
  margin:.3em;
  overflow:visible;
  padding-right:4px;
  width:7px;
}

.comments .thread-expanded .thread-arrow,
#blog-pager a.home-link.active {
  background:url("") no-repeat scroll 0 0 transparent;
}

.comments .thread-collapsed .thread-arrow,
#blog-pager a.home-link {
  background:url("") no-repeat scroll 0 0 transparent;
}

.comments .avatar-image-container {
  float:left;
  max-width:none;
  max-height:none;
  overflow:hidden;
  width:42px;
  height:42px;
  padding:4px;
  background-color:rgba(0,0,0,0.1);
  border:1px solid rgba(0,0,0,0.1);
}

.comments .avatar-image-container img {
  border:none;
  max-width:none;
  max-height:none;
  width:42px;
  height:42px;
}

.comments .comment-block {
  margin-left:70px;
  position:relative;
}


/* FOOTER */
#footer-wrapper {
  margin:0px auto 0px;
  padding:30px 5%;
}

.widgets-wrap {
  padding:0px 0px;
  margin:0px 0px 30px;
  overflow:hidden;
}

.footer-column {
  font-size:12px;
  width:20%;
  padding:2.2% 2.2%;
  margin:0px 0px 30px;
  float:left;
  display:inline;
  /* Funky way to make equal height column with pure CSS */
  padding-bottom:90000px;
  margin-bottom:-90000px;
  /* End funky way LOL */
}
.footer-column .widget-content {margin-bottom:15px;}

#f-box-1 {border-left:none;}
#f-box-4 {border-right:none;}


.footer-column h2 {
  font-size:18px;
  margin:0 0 20px 0;
  padding:0 0;
  text-transform:uppercase;
  line-height:normal;
}

.footer-column ul,
.footer-column ol {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid black;
}

.footer-column li {
  margin:0;
  padding:5px 10px;
  border-bottom:1px solid black;
}

#credit {
border-top:1px solid rgb(204, 204, 204);
color:#333;
padding:5px 15px;
background:#fff;
}
#blog-pager {
  margin:10px 0 0;
  font-size:10px;
  text-transform:uppercase;
  line-height:16px;
  padding:11px 18px;
}

/**
 * Blogazine Layout System by Taufik Nurrohman - https://plus.google.com/108949996304093815163/posts
 * Licence: http://creativecommons.org/licenses/by/2.5/
 */

/* CSS Float*/
.clear {clear:both;} /* clear float */
.left {float:left!important;} /* left alignment */
.right {float:right!important;} /* right alignment */
.hidden {display:none;} /* hidden element */

/* Text Alignment */
.text-left {text-align:left;} /* text-align left */
.text-right {text-align:right;} /* text-align right */
.text-center {text-align:center;} /* text-align center */

/* Image Alignment */
img.left {margin:0px 0px 5px 10px;} /* left alignment */
img.right {margin:0px 10px 5px 0px;} /* right alignment */
img.center {margin:0px auto 0px;} /* center alignment */

/**
 * The 1140px Grid V2 by Andy Taylor
 * http://cssgrid.net
 * http://www.twitter.com/andytlr
 * http://www.andytlr.com
 */

.row {
  width:100%;
  max-width:1140px;
  min-width:755px;
  margin:0 auto;
  overflow:hidden;
}

.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-right:3.8%;
  float:left;
  min-height:1px;
}

.row .onecol{width:4.85%;}
.row .twocol{width:13.45%;}
.row .threecol{width:22.05%;}
.row .fourcol{width:30.75%;}
.row .fivecol{width:39.45%;}
.row .sixcol{width:48%;}
.row .sevencol{width:56.75%;}
.row .eightcol{width:65.4%;}
.row .ninecol{width:74.05%;}
.row .tencol{width:82.7%;}
.row .elevencol{width:91.35%;}
.row .twelvecol{width:100%;float:left;}
.last{margin-right:0px;}

img,
object,
embed {max-width:100%;}
img {height:auto;}

/* Smaller screens */
@media only screen and (max-width:1023px) {
  body {
    font-size:0.8em;
    line-height:1.5em;
  }
}

/* Mobile */
@media handheld,only screen and (max-width:767px) {
  body {
    -webkit-text-size-adjust:none;
  }

  .row,
  body {
    width:100%;
    min-width:0;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
  }

  .row .onecol,
  .row .twocol,
  .row .threecol,
  .row .fourcol,
  .row .fivecol,
  .row .sixcol,
  .row .sevencol,
  .row .eightcol,
  .row .ninecol,
  .row .tencol,
  .row .elevencol,
  .row .twelvecol {
    width:auto;
    float:none;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:20px;
    padding-left:20px;
    padding-right:20px;
  }
}

@media screen and (max-width:600px) {
  #header {padding-top:50px;}
  #header h1 {font-size:50px !important;font-weight:bold;}
  .comments .comments-content .comment-replies {
      margin-left:0;
  }
  .footer-column {
    float:none;
    display:block;
    width:auto;
    border:none;
    border-top:1px solid #333;
    border-bottom:1px solid black;
    margin:0px 0px 0px 0px;
    padding:30px 0px;
  }
  .footer-column ul,
  .footer-column ol,
  .footer-column li {
    padding:0px 0px;
    border:none;
    list-style-type:square;
    margin-left:20px;
  }
  #f-box-1 {border-top:none;}
  #f-box-4 {border-bottom:none;}
}
a.openpanel {
  display:block;
  clear:both;
  width:auto;
  padding:0px 0px;
  text-align:center;
  font-weight:bold;
  line-height:32px;
  background-color:#fff;
  color:#333;
  text-decoration:none;
  margin:0px 0px;
  -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  position:relative;
}

a.openpanel em {
  width:0px;
  height:0px;
  display:block;
  position:absolute;
  top:15px;
  right:15px;
  border:6px solid transparent;
  border-top-color:white;
}

a.openpanel.active {background-color:rgb(204, 204, 204);}

a.openpanel.active em {
  top:6px;
  border-color:transparent transparent white transparent;
}

div.paneline {
  height:0px;
  border-bottom:4px solid #39b;
}

div.hompiPanel {
  padding:10px 20px 20px;
  -webkit-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  -moz-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2);
  margin:0px 0px !important;
}